/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 body {
  background-color: #f8f8f8;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}

/* 滚动条滑块(竖向:vertical 横向:horizontal) */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color:#d2d2d2;
  border-radius: 5px;
}

/* 滚动条滑块hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #c7c5c5;
}

/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
  display: block;    /* 修复交汇时出现的白块 */
}

#wrapper {
  width: 100%;
}

#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: #ecf0f5;
}

@media(min-width:768px) {
  #page-wrapper {
      position: inherit;
      /*margin: 0 0 0 250px;*/
      border-left: 1px solid #e7e7e7;
  }
}

.navbar-top-links {
  margin-right: 0;
}

.navbar-top-links li {
  display: inline-block;
}

.navbar-top-links li:last-child {
  margin-right: 15px;
}

.navbar-top-links li a {
  padding: 21px 15px;
  min-height: 50px;
  font-size: 14px;
}
.navbar-default .navbar-nav > li > a{
  font-weight: normal;

}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background: #3879F6;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 40px;
  font-weight: normal;
  line-height: 34px;
}

.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}

.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}

.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
  background-color: #fff;
}

.navbar-top-links .activeMenu {
  border-width: 2px;
  border-bottom: solid white;
}

.sidebar .sidebar-nav.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}

.sidebar .sidebar-search {
  padding: 15px;
}

.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
  border-bottom-color: rgb(255, 255, 255);
}

.sidebar .arrow {
  float: right;
}

.sidebar .fa.arrow:before {
  content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
  content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
  padding-left: 37px;
}

.sidebar .nav-third-level li a {
  padding-left: 52px;
}

@media(min-width:768px) {
  .sidebar {
      z-index: 1;
      position: absolute;
      width: 250px;
      margin-top: 51px;
  }

  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
      margin-left: auto;
  }
}

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}

.btn-primary.btn-outline {
  color: #428bca;
}

.btn-success.btn-outline {
  color: #5cb85c;
}

.btn-info.btn-outline {
  color: #5bc0de;
}

.btn-warning.btn-outline {
  color: #f0ad4e;
}

.btn-danger.btn-outline {
  color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}

.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}

.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
  margin-left: 60px;
}

.chat li.right .chat-body {
  margin-right: 60px;
}

.chat li .chat-body p {
  margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}

.login-panel {
  margin-top: 25%;
}

.login-panel .panel-heading {
  background-color: white;
  color: black;
  font-size: 14px;
  border: none;
}

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee!important;
}

.show-grid {
  margin: 15px 0;
}

.huge {
  font-size: 40px;
}

.panel-green {
  border-color: #5cb85c;
}

.panel-green .panel-heading {
  border-color: #5cb85c;
  color: #fff;
  background-color: #5cb85c;
}

.panel-green a {
  color: #5cb85c;
}

.panel-green a:hover {
  color: #3d8b3d;
}

.panel-red {
  border-color: #d9534f;
}

.panel-red .panel-heading {
  border-color: #d9534f;
  color: #fff;
  background-color: #d9534f;
}

.panel-red a {
  color: #d9534f;
}

.panel-red a:hover {
  color: #b52b27;
}

.panel-yellow {
  border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
  border-color: #f0ad4e;
  color: #fff;
  background-color: #f0ad4e;
}

.panel-yellow a {
  color: #f0ad4e;
}

.panel-yellow a:hover {
  color: #df8a13;
}

.panel-white {
  border-color: #fff;
  /*box-shadow: 2px 2px 5px #888888;*/
  min-height: 800px;
  /*min-width: 200px;*/
  border-radius: 10px 10px 10px 10px;
}

.panel-white .panel-heading {
  border-color: #fff;
  background-color: #fff;
  border-bottom:1px solid #EEEEEE;
  min-height: 45px;
}

.panel-white .panel-heading .panel-heading-title .title-text{
  font-size: 14px;
  margin-left: 5px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}
.panel-white .panel-heading .panel-heading-title .subtitle-text{
  font-size: 12px;
  margin-left: 5px;
}

.panel-white .panel-heading .panel-heading-title .right-tool{
  float:right;
}

.panel-white .panel-heading .panel-heading-title .panel-heading-icon{
  cursor: pointer;
}

.panel-white .panel-heading .panel-heading-title .panel-heading-icon:hover{
  background-color: #cdccd29e;
}

.panel-white a {
  color: #000;
}

.panel-white a:hover {
  color: #000;
}

.nav li a:hover{
  /*background-color: #36383af2;*/
  color: #3879F6;
}
.navbar-default {
  background-color: #2C2C2C;
  border-color: #fdfdfd;
}

@keyframes fade { from {
  opacity: 1.0;
} 50% {
    opacity: 0.5;
} to {
      opacity: 1.0;
  } }
@-webkit-keyframes fade { from {
  opacity: 1.0;
} 50% {
    opacity: 0.5;
} to {
      opacity: 1.0;
  } }

.top-alert {
  width: 15px;
  height: 15px;
  background-color: rgba(228, 84, 46, 0.77);
  border-radius: 10px;
  margin-top: -45px;
  margin-right: 10px;
  color: #f1f2d2;
  text-align: center;
  font-size: 80%;
  float: right;
  animation: fade 1500ms infinite;
  -webkit-animation: fade 1500ms infinite;
}

.detailTable1 {
  background-color:#e0f5d6;
}

.datatable-customer-css
{
  width:100%;
  /*	TABLE-LAYOUT:inherit;*/
  WORD-BREAK:keep-all;
  white-space:nowrap;
}

.welcomClass
{
  color:#fff;
  /*font-weight:bold;*/
  /*font-size:13px;*/
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
}

.logoClass
{
  background-image: url(../assets/../bootstrap/images/logo_tt.png);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -10px;
}

.logoClass_login
{
  background-image: url("../assets/../bootstrap/images/logo_tt.png");
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0px;
  margin-left: 150px;
}
.custom-highlight
{
  background: #f5bfbf!important;
}

.goTop {
  position: absolute;
  display: none;
  width: 50px;
  height: 48px;
  background: #fff url(../assets/img/gotop.png) no-repeat 16px 15px;
  border: solid 1px #f9f9f8;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.goTop:hover {
  height:50px;
  background-position:16px 16px;
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}

.footer_class{
  background-color: #f8f8f8;
  height:50px;
}

.footer_class_login{
  background-color: white;
  height:50px;
}

.close_current_menu {
  float: right;
  margin-top: -45px;
  position: relative;
  margin-right: 5px;
}

.close_current_menu > img{
  max-width:12px;
  cursor: pointer;
}

.current_menu_hover{
  background-color:white;
  color:black;
}

.show_hide_menu{
  margin-left: 40px;
  margin-top: 8px;
  cursor: pointer;
}

@media(min-width:768px) {
  .buttonHidden {
      display: block;
  }
  .hideMenuClass{
      margin-right: -20px;
      float: right;
      margin-top: -30px;
  }

  .hideMenuClass:hover{
      background: #d4d9de4d;
  }
}

#currentPages > li > a{
  color: #bdbdc2;
}

#currentPages > .active > a{
  color: black;
}

.label-panel{
  margin-right:15px;
  background-color: #ecefee1a;
}

/*!*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*!*/
/*::-webkit-scrollbar*/
/*{*/
/*width: 16px;*/
/*height: 16px;*/
/*background-color: #F5F5F5;*/
/*}*/

/*!*定义滚动条轨道 内阴影+圆角*!*/
/*::-webkit-scrollbar-track*/
/*{*/
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*border-radius: 10px;*/
/*background-color: #F5F5F5;*/
/*}*/

/*!*定义滑块 内阴影+圆角*!*/
/*::-webkit-scrollbar-thumb*/
/*{*/
/*border-radius: 10px;*/
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
/*background-color: #555;*/
/*}*/

@keyframes move_fdfb {
  0% {left: 0%;	 opacity: 0; }
  70% { left: 70%; opacity: 1 }
  100% {left: 100%;opacity: 0;}
}
.move_fdfb{-webkit-animation-name:move_fdfb;animation-name:move_fdfb;position:relative;margin-left:-16px;}
.ar-animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;font-style:inherit;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.ar-delay-1s{animation-delay:0.1s;}
.ar-delay-2s{animation-delay:0.2s;}
.ar-delay-3s{animation-delay:0.3s;}
.ar-delay-4s{animation-delay:0.4s;}
.ar-delay-5s{animation-delay:0.5s;}
.ar-delay-6s{animation-delay:0.6s;}
.ar-delay-7s{animation-delay:0.7s;}
.ar-delay-8s{animation-delay:0.8s;}
.ar-delay-9s{animation-delay:0.9s;}
.ar-delay-10s{animation-delay:0.10s;}

.panel-shadow {
  border-color: white;
  box-shadow: 2px 2px 2px 3px #e6e7e8;
}

/*
百度搜索框模拟效果
*/
.fdfb_search_box{
  position: absolute;
  z-index: 9999;
  background-color: white;
  border-width: 1px;
  border-color: #cecbcb;
  border-style: solid;
  box-shadow: 1px 1px 2px #f2ecec;
  border-radius: 0 5px 5px 5px;
}
.fdfb_search_box >ul >li{
  list-style-type:none;
  margin-left: -30px;
  line-height: 25px;
}

.fdfb_search_box >ul >li:hover{
  background-color: #9996;
  cursor: default;
}

.right-side-info
{
  position: absolute;
  height: 100%;
  width: 400px;
  right: -30px;
  z-index: 9999;
  top: 0px;
  background-color: white;
  border-width: 1px;
  border-color: #cecbcb;
  border-style: solid;
  box-shadow: 2px 0px 5px 5px #52525499;
  border-radius: 0 5px 5px 5px;
}

.right-side-info .row{
  padding-left:20px;
  padding-right:20px;
}

.div-vertical {
  padding: 10px 0px 10px 10px;
  text-align: center;
}


.text-with-hr {
  text-align: center;
  position: relative;
  z-index: 2;
}
/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.text-with-hr:before {
  position: absolute;
  content: '';
  top: 20px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  z-index: -1;
}
.text-with-hr span {
  display: inline-block;
  background-color: #f8f8f8;
  padding: 20px;
  margin-top: -10px;
}

.dongyou-col {
  padding: 5px 10px 0px 0px;
}

.form-group-dongyou{
  padding-bottom: 5px;
  padding-top: 20px;
  display: flex;
  flex-direction: row;
}

.border-style-dongyou{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.dongyou-tab li a:hover{
  background-color: #cecece;
}

.chart-container li a:hover{
  background-color: #cecece;
}

.chart-container{
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
}
.chart-container .chart-item{
  height: 45px;
  width: 45px;
  /*margin-left: 2px;*/
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}


.chart-container .chart-item-disable{
  height: 45px;
  width: 45px;
  /*margin-left: 2px;*/
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.chart-container .chart-item:hover{
  background-color: #EBF2FE;
}

.chart-container .chart-item .chart-style{
  display: inline-block;
  cursor: pointer;
}

.chart-container .active{
  background-color: #EBF2FE;
  /*box-shadow: 0 0 0 2px #1746af85, inset 0 0 0 2px #ded4d4b3;*/
}

.chart-style-crosstable-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/jiaochabiao.png") center center;
  background-size: 50px 50px;
}

.chart-style-detailtable-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/mingxibiao.png") center center;
  background-size: 50px 50px;
}
.chart-style-billboard-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/billboard.png") center center;
  background-size: 50px 50px;
}
.chart-style-bar-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/bar.png") center center;
  background-size: 50px 50px;
}
.chart-style-stack-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/stack-active.png") center center;
  background-size: 50px 50px;
}
.chart-style-ring-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/ring.png") center center;
  background-size: 50px 50px;
}
.chart-style-pie-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/pie.png") center center;
  background-size: 50px 50px;
}
.chart-style-zhibiao-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/zhibiaoka.png") center center;
  background-size: 50px 50px;
}
.chart-style-sandian-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/sandian.png") center center;
  background-size: 50px 50px;
}
.chart-style-sangji-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/sangji.png") center center;
  background-size: 50px 50px;
}
.chart-style-sangji-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/sangji-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-biaoge-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/biaoge.png") center center;
  background-size: 50px 50px;
}
.chart-style-biaoge-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/biaoge-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-rili-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/rili.png") center center;
  background-size: 50px 50px;
}
.chart-style-rili-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/rili-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-loudou-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/loudou.png") center center;
  background-size: 50px 50px;
}
.chart-style-loudou-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/loudou-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-qipao-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/qipao.png") center center;
  background-size: 50px 50px;
}
.chart-style-qipao-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/qipao-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-xuri-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/xuri.png") center center;
  background-size: 50px 50px;
}
.chart-style-xuri-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/xuri-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-zidan-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/zidan.png") center center;
  background-size: 50px 50px;
}
.chart-style-zidan-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/zidan-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-compare-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/compare.png") center center;
  background-size: 50px 50px;
}
.chart-style-compare-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/compare-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-paihang-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/paihang.png") center center;
  background-size: 50px 50px;
}
.chart-style-paihang-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/paihang-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-crosstable-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/jiaochabiao-disable.png") center center;
  background-size: 50px 50px;
}

.chart-style-detailtable-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/mingxibiao-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-billboard-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/billboard-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-bar-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/bar-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-stack-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/stack-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-ring-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/ring-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-pie-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/pie-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-zhibiao-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/zhibiaoka-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-sandian-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/sandian-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-chinamap-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/chinamap.png") center center;
  background-size: 50px 50px;
}
.chart-style-chinamap-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/chinamap-disable.png") center center;
  background-size: 50px 50px;
}


.chart-style-rectTree-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/rectTree.png") center center;
  background-size: 50px 50px;
}
.chart-style-rectTree-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/rectTree-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-radar-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/radar.png") center center;
  background-size: 50px 50px;
}
.chart-style-radar-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/radar-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-gauge-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/gauge.png") center center;
  background-size: 50px 50px;
}
.chart-style-gauge-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/gauge-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-relation-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/relation.png") center center;
  background-size: 50px 50px;
}
.chart-style-relation-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/relation-disable.png") center center;
  background-size: 50px 50px;
}
.chart-style-waterPolo-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/waterPolo.png") center center;
  background-size: 50px 50px;
}
.chart-style-waterPolo-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/waterPolo-disable.png") center center;
  background-size: 50px 50px;
}

.chart-style-gismap-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/gis-active.png") center center no-repeat;
  background-size: 30px 30px;
}
.chart-style-gismap-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/gis-disable.png") center center no-repeat;
  background-size: 30px 30px;
}

.chart-style-scrollnews-active{
  height: 45px;
  width: 45px;
  background: url("../assets/images/scrollnews-active.png") center center no-repeat;
  background-size: 30px 30px;
}
.chart-style-scrollnews-disable{
  height: 45px;
  width: 45px;
  background: url("../assets/images/scrollnews-disable.png") center center no-repeat;
  background-size: 30px 30px;
}
.chart-style-venn-active{
  height: 25px;
  width: 25px;
  background-image: url("../assets/images/venn.png");
  background-size: 25px 25px;
}
.chart-style-venn-disable{
  height: 25px;
  width: 25px;
  background-image: url("../assets/images/venn-disable.png");
  background-size: 25px 25px;
}
.columnItemEdit{
  /*background-color: #dbdce2a6;*/
}

.draging-target{
  border: 1px solid #00a0e9 !important;
}
.draging{
  border: 1px solid #00a0e9 !important;
}

.drap-target-form-control{
  display: inline-table;
  padding-top: 0px;
  padding-bottom: 0px;
}
.drap-target-form-control button{
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 25px;
}

.chart-style-li{
  /*background-color: whitesmoke;*/
  position: relative;
  align-items: center;
  color: #303133;
  cursor: pointer;
  border-bottom: 1px solid #ebeef5;
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color .3s;
  outline: 0;
  /*margin-top: -10px;*/
}

.chart-style-li a i{
  /*margin-bottom: 16px;*/
}

.chart-style-li a{
  /*margin-top: 10px;*/
  color: #2F2E3E;
}
.online-left .chart-style-li a{
  line-height: 20px;
  padding: 15px;
}
.form-group label {
  font-weight: normal;
  font-size: 14px;
  color: #2F2E3E;
}
.tab-parameter .form-group{
  margin-bottom: 10px;
}
.btn .fa {margin-right: 10px}
.btn-blue,
.btn.btn-blue.btn-active,
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue.active.focus,
.btn.btn-blue.active:focus,
.btn.btn-blue.focus,
.btn.btn-blue:active.focus,
.btn.btn-blue:active:focus,
.btn.btn-blue:focus{
  background:#3879F6 ;
  color: #fff;
  outline-style: none;
}
.btn-white{
  background: white;
  color: #2F2E3E;
}
.btn-radius{
  border-radius:40px;
}
.chart-style-li a:hover{
  background-color: rgba(201, 204, 208, 0.13) !important;
}
.bg-grey{
  background: #ecf0f5;
}
.bg-white{
  background: white;
}
.mr-10{
  margin-right: 10px;
}

.chart-style-li .left-icon{

}

.chart-style-li .text-name{
  font-size: 14px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #2F2E3E;
  font-style: normal;
}

.chart-style-li .right-icon{
  float: right;
  /*margin-top: 16px;*/
}

.title-button-dy{
  border: none;
  color: #656565cf;
  background-color: white;
}

.title-button-dy-active{
  /*border-bottom: 2px solid #00a0e9;*/
}
.title-button-dy-active button {
  background:#3879F6 ;
  color: #fff;
}

.title-button-dy:hover{
  border: none;
  /*background-color: #FFFFFF;*/
  /*color: black;*/
  background:#3879F6 ;
  color: #fff;
}
.title-button-dy:focus{
  border: none;
  /*background-color: #FFFFFF;*/
  /*color: black;*/
  outline: none;
  background:#3879F6 ;
  color: #fff;
}
.panel-heading-title{
  display: flex;
  justify-content: space-between;
}
.panel-heading-title .btn:hover,.panel-heading-title .btn:focus,
.panel-heading-title .active .btn ,.panel-heading-title .active .btn:hover,.panel-heading-title .active .btn:focus{
  background:#3879F6 ;
  color: #fff;
}
.title-info-dy{
  /*color: rgba(255, 171, 40, 0.75);*/
  /*font-weight: bold;*/
  float: right;
  /*margin-top: -28px;*/
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #3879F6;
  width: 74px;
  height: 34px;
  line-height: 32px;
  border-radius: 40px 40px 40px 40px;
  /*border: 1px solid #3879F6;*/
  text-align: center;
}

/*表格样式*/
.pivot_table .pivotTh{
  background-color: transparent;
}
.pivot_table .pivotTh td{
  border: none;


}
.pivot_table .pivotTr td,.pivot_table .pivotTh td{
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #2F2E3E;
}

.panel-heading-title .btn:focus{
  outline: none;
}

.custom-color {
  color:black;
}

.copy-url-class{
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(../assets/images/copy.png);
  background-size: 20px 20px;
  float: left;
  cursor: pointer;
}

.linkageMessage{
  min-width: 100px;
  position: fixed;
  bottom: 150px;
  height: 20px;
  line-height: 20px;
  z-index: 9999;
  text-align: left;
  background-color: #137ead;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  margin-left: 10px;
  text-align: center;
}

.linkageMessageValue{
  margin-top: 10px;
}

.leftContent {
  /*padding-left: 24px;*/
  /*padding-right: 20px;*/
}
.col-md-2.leftContent,.col-md-2.rightContent{
  width: 20%;
  min-width: 200px;
}
.col-md-8.middleContent{
  width: 60%;
}
.col-md-10.rightContent{
  width: 80%;
}
.pt-25{
  padding-top: 25px;
}
.panel-default>.panel-heading{
  background: white;
}
.no-border { border: none !important}

.div-btn-blue button ,
.div-btn-blue button.active.focus,
.div-btn-blue button.active:focus,
.div-btn-blue button.active:hover,
.div-btn-blue button:active.focus,
.div-btn-blue button:active:focus,
.div-btn-blue button:active:hover,
.div-btn .btn-primary,
.div-btn .btn-primary.active.focus,
.div-btn .btn-primary.active:focus,
.div-btn .btn-primary.active:hover,
.div-btn .btn-primary:active.focus,
.div-btn .btn-primary:active:focus,
.div-btn .btn-primary:active:hover{
  background:#3879F6 ;
  color: #fff;
  outline-style: none;
}
.div-btn .btn-warning,
.div-btn .btn-warning.active.focus,
.div-btn .btn-warning.active:focus,
.div-btn .btn-warning.active:hover,
.div-btn .btn-warning:active.focus,
.div-btn .btn-warning:active:focus,
.div-btn .btn-warning:active:hover,
.div-btn .btn-info,
.div-btn .btn-info.active.focus,
.div-btn .btn-info.active:focus,
.div-btn .btn-info.active:hover,
.div-btn .btn-info:active.focus,
.div-btn .btn-info:active:focus,
.div-btn .btn-info:active:hover
.div-btn .btn-success,
.div-btn .btn-success.active.focus,
.div-btn .btn-success.active:focus,
.div-btn .btn-success.active:hover,
.div-btn .btn-success:active.focus,
.div-btn .btn-success:active:focus,
.div-btn .btn-success:active:hover {
  background:#5BCA94;
  color: #fff;
  border-color: #5BCA94;
  outline: none;
}
.div-btn-radius button,.div-btn .btn-primary ,.div-btn .btn-warning,.div-btn .btn-success,.div-btn .btn-info {
  border-radius:40px;
}
.panel{
  border: none;
  box-shadow: none;
  border-radius: 10px;
  overflow: hidden;
}
.dongyou-tab.nav-tabs>li>a, .dongyou-tab.nav-tabs>li>a:focus, .dongyou-tab.nav-tabs>li>a:hover{
  border: none;
  background: none;
  color: #555;

}
.dongyou-tab.nav-tabs>li.active>a, .dongyou-tab.nav-tabs>li.active>a:focus, .dongyou-tab.nav-tabs>li.active>a:hover{
  background: #EBF3FE;
  border-radius: 8px 8px 8px 8px;
  color: #3879F6;
  font-family: PingFang SC-Regular, PingFang SC;
  font-size: 14px;

}
.dongyou-tab.nav-tabs{
  border:none;
  margin-bottom: 10px;
}
.border-style-dongyou,.panel{
  border: none;
  box-shadow: none;
}
.panel-footer{
  border: none;
  background: none;
}
.mb-10{
  margin-bottom:10px;
}
/*左侧滚动条 滚动条整体部分
::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track  外层轨道
::-webkit-scrollbar-track-piece  内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
*/
.panel-body::-webkit-scrollbar{
  width: 6px;
}
.tab-content::-webkit-scrollbar{
  width: 6px;

}
::-webkit-scrollbar{
  width: 6px;
}
.has-feedback label ~ .form-control-feedback {
  top: 28px;
}

.anchorBL{
  display:none
}

/*新闻滚动样式*/
.scroll-news-panel {
  width:100%;
  text-align:center;
  margin-top:30px;
}
.scroll-news-panel-title {
  font-size:18px;
  padding-left:20px;
  background-color: #00a0e9;
  height:34px;
  line-height:34px;
  color:#000000;
}
.scroll-news-panel-body ul{
  padding:0;
}
.scroll-news-panel-body ul li{
  list-style:none;
}

.chart-style-custommap-active{
  height: 25px;
  width: 25px;
  background: url("../assets/images/customMap.png") center center;
  background-size: 25px 25px;
}
.chart-style-custommap-disable{
  height: 25px;
  width: 25px;
  background: url("../assets/images/customMap-disable.png") center center;
  background-size: 25px 25px;
}

.chart-style-wordscloud-active{
  height: 25px;
  width: 25px;
  background: url("../assets/images/wordCloud-active.png") center center;
  background-size: 25px 25px;
}
.chart-style-wordscloud-disable{
  height: 25px;
  width: 25px;
  background: url("../assets/images/wordCloud-disable.png") center center;
  background-size: 25px 25px;
}

.pivotHeaderClick {
  cursor: pointer;
  text-decoration: underline;
}
